<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button id="btn">发送</button>

    <script src="../jquery.min.js"></script>
    <script>
      $("#btn").click(() => {
        $.ajax({
          url: "http://localhost:8080/login", // 请求地址
          type: "post", // 请求方式, 默认为 get
          async: true, // 是否异步, 默认 true
          contentType: "application/x-www-form-urlencoded", // 请求头
          data: {
            // 请求参数
            captcha: "1234",
            username: "123",
            password: "123",
          },
          success: function (data, textStatus, request) {
            // 请求成功
            console.log(data);
          },
          error: function (request, textStatus, ex) {
            // 请求失败
          },
        });

        // $.post({
        //   url: "http://localhost:8080/login", // 请求地址
        //   async: true, // 是否异步, 默认 true
        //   contentType: "application/x-www-form-urlencoded", // 请求头
        //   data: {
        //     // 请求参数
        //     captcha: "1234",
        //     username: "123",
        //     password: "123",
        //   },
        //   success: function (data, textStatus, request) {
        //     // 请求成功
        //     console.log(data);
        //   },
        //   error: function (request, textStatus, ex) {
        //     // 请求失败
        //   },
        // });
        console.log("发送成功");
      });
    </script>
  </body>
</html>
